<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<title></title>
		<script src="bundle.js"></script>
	</head>
	<body>
		<div class="header">
			<div>
				<img src="img/fanhui.png"/>
				<img src="img/logo.png"/>
				<span>	&nbsp;</span>
			</div>
			
		</div>
		<div class="cont">
			<div class="lunbo">
				<div class="swiper-container">
		            <div class="swiper-wrapper">
		                <div class="swiper-slide"><img src="img/banner.png"/></div>
		                <div class="swiper-slide"><img src="img/banner.png"/></div>
		                <div class="swiper-slide"><img src="img/banner.png"/></div>
		            </div>
		            
		        </div>
		        <div class="swiper-pagination">
		        	
		        </div>
			</div>
			
			<ul class="cont-gongneng">
				<li>
					<a href="javascript:;">
						<img src="img/1.png"/>
						<p>商品</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/2.png"/>
						<p>生活</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/4.png"/>
						<p>品牌</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/3.png"/>
						<p>聚宝盆</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/3.png"/>
						<p>聚名品</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/4.png"/>
						<p>聚家装</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/1.png"/>
						<p>聚透</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/2.png"/>
						<p>客户端</p>
					</a>
				</li>
			</ul>
			<div class="cont-paihang">
				<p>
					<span>聚划算热卖排行榜</span>
					<span>TOP10</span>
				</p>
				<ul class="cont-paihang-cont">
					<li>
						<a href="javascript:;">
							<div>1</div>
							<img src="img/paihang1.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>2</div>
							<img src="img/paihang2.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>3</div>
							<img src="img/paihang3.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>4</div>
							<img src="img/paihang4.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>5</div>
							<img src="img/paihang5.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>6</div>
							<img src="img/paihang6.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>7</div>
							<img src="img/paihang1.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>8</div>
							<img src="img/paihang7.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>439</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥129</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>9</div>
							<img src="img/paihang2.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.3</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥51</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<div>10</div>
							<img src="img/paihang1.png"/>
							<div>
								<div class="cont-paihang-cont-left">
									<p>已售68423</p>
									<p>
										<span>2.8</span>折&nbsp;￥
										<span>299</span>
									</p>
								</div>
								<div class="cont-paihang-cont-right">￥9</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<h2>更多划算  逛起来！</h2>
			<div class="cont-shangpintuan">
				<img src="img/shangpintuan.png" class="cont-shangpintuan-left"/>
				<ul class="cont-shangpintuan-right">
					<li>
						<a href="javascript:;">服饰</a>
					</li>
					<li>
						<a href="javascript:;">配饰</a>
					</li>
					<li>
						<a href="javascript:;">美妆</a>
					</li>
					<li>
						<a href="javascript:;">鞋包</a>
					</li>
					<li>
						<a href="javascript:;">食品</a>
					</li>
					<li>
						<a href="javascript:;">家居</a>
					</li>
					<li>
						<a href="javascript:;">运动</a>
					</li>
					<li>
						<a href="javascript:;">电器</a>
					</li>
					<li>
						<a href="javascript:;">百货</a>
					</li>
					<li>
						<a href="javascript:;">母婴</a>
					</li>
					<li>
						<a href="javascript:;">数码</a>
					</li>
					<li>
						<a href="javascript:;">更多</a>
					</li>
				</ul>
			</div>
			<h2>精彩商品  逛起来！</h2>
			<div class="cont-shenghuotuan">
				<img src="img/shenghuotuan.png" class="cont-shenghuotuan-left"/>
				<ul class="cont-shenghuotuan-right">
					<li>
						<a href="javascript:;">美食</a>
					</li>
					<li>
						<a href="javascript:;">教育</a>
					</li>
					<li>
						<a href="javascript:;">酒店</a>
					</li>
					<li>
						<a href="javascript:;">电影</a>
					</li>
					<li>
						<a href="javascript:;">生活服务</a>
					</li>
					<li>
						<a href="javascript:;">卡券</a>
					</li>
					<li>
						<a href="javascript:;">摄影</a>
					</li>
					<li>
						<a href="javascript:;">粮油生鲜</a>
					</li>
					<li>
						<a href="javascript:;">门票</a>
					</li>
					<li>
						<a href="javascript:;">休闲娱乐</a>
					</li>
					<li>
						<a href="javascript:;"></a>
					</li>
					<li>
						<a href="javascript:;"></a>
					</li>
				</ul>
			</div>
			<h2>品质生活  逛起来！</h2>
			<div class="cont-pinpaituan">
				<img src="img/pinpaituan.png" class="cont-pinpaituan-left"/>
				<ul class="cont-pinpaituan-right">
					<li>
						<a href="javascript:;">七匹狼</a>
					</li>
					<li>
						<a href="javascript:;">粉红女</a>
					</li>
					<li>
						<a href="javascript:;">收纳博士</a>
					</li>
					<li>
						<a href="javascript:;">惠氏</a>
					</li>
					<li>
						<a href="javascript:;">夏乐</a>
					</li>
					<li>
						<a href="javascript:;">帕克伦</a>
					</li>
					<li>
						<a href="javascript:;">古今</a>
					</li>
					<li>
						<a href="javascript:;">九牧</a>
					</li>
					<li>
						<a href="javascript:;">诺奥</a>
					</li>
					<li>
						<a href="javascript:;">红豆</a>
					</li>
					<li>
						<a href="javascript:;">曼秀雷敦</a>
					</li>
					<li>
						<a href="javascript:;"></a>
					</li>
				</ul>
			</div>
			<h2>品牌折扣  逛起来！</h2>
		</div>
		<div class="footer">
			<div class="footer-one">
				<div>
					<img src="img/footer1.png"/>
					<p>iOS客户端</p>
				</div>
				<div>
					<img src="img/footer2.png"/>
					<p>安卓客户端</p>
				</div>
				<div>
					<img src="img/footer3.png"/>
					<p>意见反馈</p>
				</div>
			</div>
			<div class="footer-two">
				<div>
					<div>
						<a href="javascript:;">登录</a>
						<a href="javascript:;">注册</a>
					</div>
					<div>
						<span>TOP</span>
					</div>
				</div>
					
			</div>	
			<div class="footer-three">
				<p>标准版  电脑版</p>
				<p>©2013  浙B220080224   服务中心</p>
			</div>
		</div>
	</body>
	<script>
		var swiper = new Swiper('.swiper-container',{		       
            loop:true,          
            autoplay:2000,           
            pagination:".swiper-pagination",           
            nextButton:".swiper-button-next",
            prevButton:".swiper-button-prev",
            pagination:".swiper-pagination",              
            autoplayDisableOnInteraction:false
	    })
	</script>
</html>
